<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>FoldingList - Unicorn Tests</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<link type="text/css" rel="stylesheet" href="../assets/demo/demo.css" />
<link type="text/css" rel="stylesheet" href="../yui/logger/assets/logger.css" />     
<link type="text/css" rel="stylesheet" href="../assets/testlogger.css" />

<script type="text/javascript" src="../yui-base.source.js"></script>
<script type="text/javascript" src="../yui/logger/logger.js"></script>
<script type="text/javascript" src="../yui/yuitest/yuitest.js"></script>

<script type="text/javascript" src="../build/core/Unicorn.source.js"></script>
<script type="text/javascript" src="../build/core/lang.source.js"></script>

<script type="text/javascript" src="../build/util/util.source.js"></script>
<script type="text/javascript" src="../build/util/Dom.source.js"></script>
<script type="text/javascript" src="../build/util/Event.source.js"></script>
<script type="text/javascript" src="../build/util/Effect.source.js"></script>

<script type="text/javascript" src="../build/widget/WidgetHelper.source.js"></script>

<script type="text/javascript" src="../build/widget/panel/Panel.source.js"></script>
<script type="text/javascript" src="../build/widget/panel/PanelList.source.js"></script>
<script type="text/javascript" src="../build/widget/panel/FoldingList.source.js"></script>

<link rel="stylesheet" href="http://assets.taobaocdn.com/css/app/help/helpks_v3.css" type="text/css" media="screen" />
<style type="text/css">
	.cat-content {
		margin:0 0;
		padding-left: 20px;
	}
	.cat h3 { cursor: pointer; position: relative; z-index: 1!important }
	.tool {
		height: 16px; width: 16px;
		position: absolute; left: 7px; top: 7px
	}
	.tool-toggle {
		background: url(http://assets.taobaocdn.com/ark/img/shop-ico02.gif) no-repeat scroll left center;
	}
	.collapsed .tool-toggle {
		background: url(http://assets.taobaocdn.com/ark/img/shop-ico03.gif) no-repeat scroll left center;
	}
	.tool-toggle-over {
		background: url(http://assets.taobaocdn.com/ark/img/shop-ico01.gif) no-repeat scroll left center;
	}
</style>
</head>

<body>
<!-- mackup -->
<div id="ark:category" class="sidebar mini-sidebar">
<div id="ark:category" class="box">
	<div class="caption caption-v2"><h3>知识分类</h3></div>
	<div class="container" id="demo1">
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">注册＆认证</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">买家帮助</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">宝贝搜索、浏览</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">卖家信息查询</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">出价及付款</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">手机版淘宝</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">卖家帮助</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">手机版淘宝</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">手机版淘宝</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">手机版淘宝</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">淘宝个人信息</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">账户被盗＆安全</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">淘宝常用软件</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">举报投诉＆退款</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">淘宝规则</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">买家增值服务</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/471.htm">会员登录</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
		<div class="cat">
			<h3><a href="http://service.taobao.com/support/5.htm">社区＆商盟＆香港街</a></h3>
			<ul class="cat-content">
				<li><a href="http://service.taobao.com/support/24.htm">注册激活</a></li>
				<li><a href="http://service.taobao.com/support/27.htm">支付宝认证</a></li>
				<li><a href="http://service.taobao.com/support/470.htm">港澳台/海外会员认证</a></li>
			</ul>
		</div>
        <ul class="more-guid-link">
            <li><a style="background: transparent url(http://assets.taobaocdn.com/img/app/help/alipay_help.gif) no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" target="_blank" href="http://help.alipay.com/support/index.htm">支付宝帮助</a></li>
            <li><a style="background: transparent url(http://assets.taobaocdn.com/img/app/help/mall_help.gif) no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" target="_blank" href="http://service.mall.taobao.com/help/">商城帮助</a></li>
            <li><a style="background: transparent url(http://assets.taobaocdn.com/img/app/help/comment.gif) no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" target="_blank" href="http://service.taobao.com/support/contact_list.htm?type=impeach_suggest&amp;question=opinion_suggest">我的建议</a></li>
            <li><a style="background: transparent url(http://assets.taobaocdn.com/img/app/help/question.gif) no-repeat scroll center center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" target="_blank" href="http://service.taobao.com/support/contact_us.htm">我要提问</a></li>
        </ul>
	</div>
</div>
</div>

<!-- script -->
<script type="text/javascript">	
(function() {
	
	var Assert = YAHOO.util.Assert,
		ObjectAssert = YAHOO.util.ObjectAssert,
		ArrayAssert = YAHOO.util.ArrayAssert;
	var D = Unicorn.util.Dom,
		E = Unicorn.util.Event;
	
	var testCase = new YAHOO.tool.TestCase({
		//name of the test case
		name: "Unicorn TestCase",
		
		test_widget_PanelList: function() {
			Unicorn.log('开始 test_widget_FoldingList', 'case', 'testCase');
			Unicorn.log(' - 请手动测试效果是否正常', 'wait', 'testCase');
			
			var fl = new Unicorn.widget.FoldingList(
						'demo1',
						{ panelCls: 'cat',
						  multiExpand: false
						 },
						 { collapsed: true,
						   titleCollapse: true,
						   disableTriggerClick: false
						 });
			
			// 展开第一个
			fl.panels[0].expand();
			fl.panels[1].expand();
			
			Unicorn.log('结束 test_widget_FoldingList', 'case', 'testCase');
		} 
	});
	
	var suite = new YAHOO.tool.TestSuite("testSuite");
	suite.add(testCase);
	
	YAHOO.util.Event.onDOMReady(function (){
		//create the logger
		var logger = new YAHOO.tool.TestLogger();
		
		//add the tests
		YAHOO.tool.TestRunner.add(suite);

		if (parent && parent != window) {
			YAHOO.tool.TestManager.load();
		} else {
			YAHOO.tool.TestRunner.run();
		}
	});
})();
</script>
</body>
</html>
